<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" href="product_list_2.css" type="text/css" />
    </head>
    <body>
        <div class="container">

            <!-- WIDGET PRODUCT LIST 2-->
            <div id="product_list_wi" class="product_list_2">
                <ul class="list">
                    <li>
                        <div class="wrapper_image">
                            <img src="products/8.png" alt="#" />
                            <div class="promotion">
                                -15%
                            </div>
                            <!-- End .promotion -->
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li>
                        <div class="wrapper_image">
                            <img src="products/1.png" alt="#" />
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li class="last">
                        <div class="wrapper_image">
                            <img src="products/2.png" alt="#" />
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li>
                        <div class="wrapper_image">
                            <img src="products/3.png" alt="#" />
                            <div class="promotion">
                                -15%
                            </div>
                            <!-- End .promotion -->
                        </div>
                        <!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li>
                        <div class="wrapper_image">
                            <img src="products/5.png" alt="#" />
                            <div class="promotion">
                                -15%
                            </div>
                            <!-- End .promotion -->
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li class="last">
                        <div class="wrapper_image">
                            <img src="products/4.png" alt="#" />
                            <div class="promotion">
                                -15%
                            </div>
                            <!-- End .promotion -->
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li>
                        <div class="wrapper_image">
                            <img src="products/3.png" alt="#" />
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li>
                        <div class="wrapper_image">
                            <img src="products/5.png" alt="#" />
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>

                    <li class="last">
                        <div class="wrapper_image">
                            <img src="products/4.png" alt="#" />
                        </div><!-- End .wrapper_image -->

                        <div class="wrapper_product_infor">
                            <p class="infor">
                                Fusce interdum vestibulum urna quis imperdiet.
                            </p>
                            <!-- End .infor -->

                            <div class="price_infor">
                                <p class="price">199$</p>
                                <div class="view">
                                    <a href="#">View</a>
                                </div><!-- End .view -->
                                <div class="clear"></div>

                            </div>
                            <!-- End .price_infor -->
                        </div>                                           
                        <!-- End .wrapper_product_infor -->
                    </li>
                </ul>
                <!-- End .list -->
            </div>
            <!-- END WIDGET PRODUCT LIST 2-->
        </div>
    </body>
</html>